<template>
  <div class="mainForm" style="width: 90%; margin: auto">
    <div style="line-height: 50px; font-size: 30px; color: dodgerblue; margin: 20px auto 0 auto;">中小企业数字化水平评测指标（2024年版）
      <span style="font-size: 16px;font-weight: normal;color: #333333">本次线上自评将分为两个部分进行，第一部分请先完成以下选项及填空</span>
    </div>
    <div style="background: #eeeeee;padding: 20px;margin-top: 30px">
      <div style="width: 1150px;margin: auto;background: #ffffff;padding: 20px;">
        <el-form
          ref="infoForm"
          :model="infoForm"
          :rules="rules"
          label-width="205px"
        >
          <div class="title2">数字化基础<el-button id="closeSearchBtn" type="text" style="margin-left:10px;float: right" @click="closeSearch(1)">
            {{ word }}
            <i :class="showAll ? 'el-icon-arrow-up ': 'el-icon-arrow-down'" />
          </el-button></div>
          <div v-if="showAll === true">
            <el-form-item ref="base01" class="zdcp" label="1.企业网络建设连接情况（可多选）" prop="base01">
              <el-checkbox-group v-model="infoForm.base01">
                <el-checkbox class="checkboxL" label="无" />
                <el-checkbox v-if="infoForm.base01.indexOf('无') === -1" class="checkboxL" label="企业车间建成工控网络，支持自动化控制应用" />
                <el-checkbox v-if="infoForm.base01.indexOf('无') === -1" class="checkboxL" label="企业建成应用系统网络，实现大规模设备、人员与信息系统互联，可支持大规模设备、人员与信息系统互联" />
                <el-checkbox v-if="infoForm.base01.indexOf('无') === -1" class="checkboxL" label="企业建设/租用5G工业网络，支撑系统互联和网络协同应用，满足AGV、工业互联网等规模化移动应用场景需求" />
                <el-checkbox v-if="infoForm.base01.indexOf('无') === -1" class="checkboxL" label="网络全面覆盖生产现场与环节，具备未来智能化新应用的扩展能力" />
              </el-checkbox-group>
            </el-form-item>
            <el-form-item ref="base02" class="zdcp" label="2.企业的生产设备数字化率" prop="base02">
              <el-radio-group v-model="infoForm.base02">
                <el-radio label="[0-10%]" />
                <el-radio label="(10%-20%]" />
                <el-radio label="(20%-40%]" />
                <el-radio label="(40%-60%]" />
                <el-radio label="(60%-100%]" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="base02a" class="zyh" label="具体数据" prop="base02a">
                    <el-input v-model="infoForm.base02a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item ref="base02b" class="zyh" label="其中生产设备数量为（台）" prop="base02b">
                    <el-input v-model="infoForm.base02b" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item></el-col>
                <el-col :span="24">
                  <el-form-item ref="base02c" class="zyh" label="实现数字化生产设备数量（台）" prop="base02c">
                    <el-input v-model="infoForm.base02c" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item></el-col>

              </el-row>
            </div>
            <el-form-item ref="base03" class="zdcp" label="3.企业的生产设备联网率" prop="base03">
              <el-radio-group v-model="infoForm.base03">
                <el-radio label="[0-10%]" />
                <el-radio label="(10%-20%]" />
                <el-radio label="(20%-40%]" />
                <el-radio label="(40%-60%]" />
                <el-radio label="(60%-100%]" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="base03a" class="zyh" label="具体数据" prop="base03a">
                    <el-input v-model="infoForm.base03a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item ref="base03b" class="zyh" label="实现联网的生产设备数量为（台）" prop="base03b">
                    <el-input v-model="infoForm.base03b" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <el-form-item ref="base04" class="zdcp" label="4.企业实现数据自动采集的业务环节覆盖范围（可多选）" prop="base04">
              <el-checkbox-group v-model="infoForm.base04">
                <el-checkbox class="checkboxL" label="无" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="产品设计" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="工艺设计" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="营销管理" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="售后服务" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="计划排程" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="生产管控" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="质量管理" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="设备管理" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="安全生产" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="能耗管理" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="采购管理" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="仓储物流" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="财务管理" />
                <el-checkbox v-if="infoForm.base04.indexOf('无') === -1" class="checkboxS" label="人力资源" />
              </el-checkbox-group>
            </el-form-item>
            <el-form-item ref="base05" class="zdcp" label="5.企业使用本地或云化部署的信息化服务，实现业务的数字化管理情况" prop="base05">
              <el-radio-group v-model="infoForm.base05">
                <el-radio class="checkboxL" label="无" />
                <el-radio class="checkboxL" label="单个业务环节" />
                <el-radio class="checkboxL" label="多个业务环节（2个及以上）" />
                <el-radio class="checkboxL" label="绝大部分业务环节（大于80%）" />
                <el-radio class="checkboxL" label="全覆盖" />
              </el-radio-group>
            </el-form-item>
            <el-form-item ref="base06" class="zdcp" label="6.企业在保障网络安全方面采取的举措（可多选）" prop="base06">
              <el-checkbox-group v-model="infoForm.base06">
                <el-checkbox class="checkboxL" label="无" />
                <el-checkbox v-if="infoForm.base06.indexOf('无') === -1" class="checkboxL" label="建立了网络安全管理制度" />
                <el-checkbox v-if="infoForm.base06.indexOf('无') === -1" class="checkboxL" label="使用了网络安全产品及服务（如防火墙、网络分区、入侵检测、身份认证等）" />
                <el-checkbox v-if="infoForm.base06.indexOf('无') === -1" class="checkboxL" label="自行或委托专业评估机构实施网络安全风险评估" />
                <el-checkbox v-if="infoForm.base06.indexOf('无') === -1" class="checkboxL" label="建立网络边界安全访问控制能力，及网络关键节点入侵检测和恶意代码检测能力" />
              </el-checkbox-group>
            </el-form-item>
            <el-form-item ref="base07" class="zdcp" label="7.企业在保障数据安全方面采取的举措（可多选）" prop="base07">
              <el-checkbox-group v-model="infoForm.base07">
                <el-checkbox class="checkboxL" label="无" />
                <el-checkbox v-if="infoForm.base07.indexOf('无') === -1" class="checkboxL" label="建立了数据安全管理制度" />
                <el-checkbox v-if="infoForm.base07.indexOf('无') === -1" class="checkboxL" label="使用了数据安全产品及服务（如数据加密、数据备份与恢复、数据脱敏、数据分级分类保护等）" />
                <el-checkbox v-if="infoForm.base07.indexOf('无') === -1" class="checkboxL" label="自行或委托专业评估机构实施数据安全风险评估" />
                <el-checkbox v-if="infoForm.base07.indexOf('无') === -1" class="checkboxL" label="建立数据台账（类型、用途、数量、数据源单位、使用单位等），定期开展数据安全保障能力核验" />
              </el-checkbox-group>
            </el-form-item>
          </div>
          <div class="title2">数字化管理 <el-button id="closeSearchBtn1" type="text" style="margin-left:10px;float: right" @click="closeSearch1(1)">
            {{ word1 }}
            <i :class="showAll1 ? 'el-icon-arrow-up ': 'el-icon-arrow-down'" />
          </el-button></div>
          <div v-if="showAll1 === true">
            <el-form-item ref="manage08" class="zdcp" label="8.企业对数字化的认识与执行水平情况" prop="manage08">
              <el-radio-group v-model="infoForm.manage08">
                <el-radio class="checkboxL" label="无" />
                <el-radio class="checkboxL" label="已经主动了解数字化相关内容" />
                <el-radio class="checkboxL" label="已经制定实施数字化的规划、计划及保障措施等" />
                <el-radio class="checkboxL" label="已经着手开始进行单点或多点的数字化改造" />
                <el-radio class="checkboxL" label="已经通过数字化手段实现业务模式、管理决策方式的改变并取得成效" />
                <el-radio class="checkboxL" label="定期组织员工去数字化建设成效较好的同行业公司参观交流，增强数字化转型意识" />
              </el-radio-group>
            </el-form-item>
            <el-form-item ref="manage09" class="zdcp" label="9.企业数字化管理制度的建立情况（可多选）" prop="manage09">
              <el-checkbox-group v-model="infoForm.manage09">
                <el-checkbox class="checkboxL" label="无" />
                <el-checkbox v-if="infoForm.manage09.indexOf('无') === -1" class="checkboxL" label="建立数字化转型实施工作流程" />
                <el-checkbox v-if="infoForm.manage09.indexOf('无') === -1" class="checkboxL" label="建立信息系统建设及运营管理制度" />
                <el-checkbox v-if="infoForm.manage09.indexOf('无') === -1" class="checkboxL" label="建立数据资源管理制度" />
                <el-checkbox v-if="infoForm.manage09.indexOf('无') === -1" class="checkboxL" label="建立与数字化融合的科研、业务、产品等方面的创新激励制度" />
              </el-checkbox-group>
            </el-form-item>
            <el-form-item ref="manage10" class="zdcp" label="10.企业在数字化人才建设方面采取的举措（可多选）" prop="manage10">
              <el-checkbox-group v-model="infoForm.manage10">
                <el-checkbox class="checkboxL" label="无" />
                <el-checkbox v-if="infoForm.manage10.indexOf('无') === -1" class="checkboxL" label="配备专职/兼职的数字化人才" />
                <el-checkbox v-if="infoForm.manage10.indexOf('无') === -1" class="checkboxL" label="设置专门的数字化岗位/部门" />
                <el-checkbox v-if="infoForm.manage10.indexOf('无') === -1" class="checkboxL" label="定期对员工开展数字化方面培训" />
                <el-checkbox v-if="infoForm.manage10.indexOf('无') === -1" class="checkboxL" label="有明确的数字化人才绩效及薪酬管理" />
                <el-checkbox v-if="infoForm.manage10.indexOf('无') === -1" class="checkboxL" label="有明确的数字化人才梯度培育机制" />
              </el-checkbox-group>
            </el-form-item>
            <el-form-item ref="manage11" class="zdcp" label="11.企业近三年平均数字化投入总额占营业额的平均比例（企业成立不满三年按照实际成立时长计算年均投入）" prop="manage11">
              <el-radio-group v-model="infoForm.manage11">
                <el-radio label="[0-10%]" />
                <el-radio label="(10%-20%]" />
                <el-radio label="(20%-40%]" />
                <el-radio label="(40%-60%]" />
                <el-radio label="(60%-100%]" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="manage11a" class="zyh" label="具体数据为（万元/年）" prop="manage11a">
                    <el-input v-model="infoForm.manage11a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="title2">数字化成效 <el-button id="closeSearchBtn4" type="text" style="margin-left:10px;float: right" @click="closeSearch2(1)">
            {{ word2 }}
            <i :class="showAll2 ? 'el-icon-arrow-up ': 'el-icon-arrow-down'" />
          </el-button></div>
          <div v-if="showAll2 === true">
            <el-form-item ref="effect12" class="zdcp" label="12.企业数字化改造后每百元营业收入中综合能源消费量相比于改造前的变化情况" prop="effect12">
              <el-radio-group v-model="infoForm.effect12">
                <el-radio label="增加" />
                <el-radio label="持平" />
                <el-radio label="降低" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect12a" class="zyh" label="上年综合能源消费量（吨标准煤）" prop="effect12a">
                    <el-input v-model="infoForm.effect12a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                  <el-form-item ref="effect12b" class="zyh" label="前年数据为（吨标准煤）" prop="effect12b">
                    <el-input v-model="infoForm.effect12b" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <el-form-item ref="effect13" class="zdcp" label="13.企业数字化改造后月均产品合格率相比于改造前的变化情况" prop="effect13">
              <el-radio-group v-model="infoForm.effect13">
                <el-radio label="降低" />
                <el-radio label="持平" />
                <el-radio label="增加" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect13a" class="zyh" label="具体数值为" prop="effect13a">
                    <el-input v-model="infoForm.effect13a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <el-form-item ref="effect14" class="zdcp" label="14.企业上年度人均营业收入相比于前年变化情况" prop="effect14">
              <el-radio-group v-model="infoForm.effect14">
                <el-radio label="降低" />
                <el-radio label="持平" />
                <el-radio label="增加" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect14a" class="zyh" label="企业上年员工人数为（人）" prop="effect14a">
                    <el-input v-model="infoForm.effect14a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect14b" class="zyh" label="营业收入为（万元）" prop="effect14b">
                    <el-input v-model="infoForm.effect14b" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect14c" class="zyh" label="前年员工人数为（人）" prop="effect14c">
                    <el-input v-model="infoForm.effect14c" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect14d" class="zyh" label="营业收入为（万元）" prop="effect14d">
                    <el-input v-model="infoForm.effect14d" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <el-form-item ref="effect15" class="zdcp" label="15.企业上年度每百元营业收入中的成本相比于前年变化情况" prop="effect15">
              <el-radio-group v-model="infoForm.effect15">
                <el-radio label="增加" />
                <el-radio label="持平" />
                <el-radio label="降低" />
              </el-radio-group>
            </el-form-item>
            <div class="" style="padding: 0 100px; ">
              <el-row>
                <el-col :span="24">
                  <el-form-item ref="effect15a" class="zyh" label="企业上年成本为（万元）" prop="effect15a">
                    <el-input v-model="infoForm.effect15a" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                  <el-form-item ref="effect15b" class="zyh" label="前年成本为（万元）" prop="effect15b">
                    <el-input v-model="infoForm.effect15b" maxlength="20" show-word-limit placeholder="请填写" />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <el-form-item class="shangxia">
              <!--            <el-button  type="primary" @click="submitFormtSave('infoForm')">保存</el-button>-->
              <el-button type="primary" @click="submit('infoForm')">保持并提交</el-button>
            </el-form-item>
          </div>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
import { add, isComplete } from '@/api/digital.js'
export default {
  name: 'TestIndex',
  data() {
    const validateBase02a = (rule, value, callback) => {
      const regex = /^(?:-?(?:[1-9]\d*(?:\.\d+)?|0(?:\.\d{1,})?|0))$/
      if (!value) {
        return callback(new Error('请填写'))
      } else if (value > 100 || value < 0) {
        return callback(new Error('不得小于0或者大于100'))
      } else if (!regex.test(value)) {
        callback(new Error('请填写数字格式'))
      } else if (value.length > 6) {
        return callback(new Error('最多6个字符'))
      }
      callback()
    }
    const validateBase03a = (rule, value, callback) => {
      const regex = /^(?:-?(?:[1-9]\d*(?:\.\d+)?|0(?:\.\d{1,})?|0))$/
      if (!value) {
        return callback(new Error('请填写'))
      } else if (value > 100 || value < 0) {
        return callback(new Error('不得小于0或者大于100'))
      } else if (!regex.test(value)) {
        callback(new Error('请填写数字格式'))
      } else if (value.length > 6) {
        return callback(new Error('最多6个字符'))
      }
      callback()
    }
    const validateEffect13a = (rule, value, callback) => {
      const regex = /^(?:-?(?:[1-9]\d*(?:\.\d+)?|0(?:\.\d{1,})?|0))$/
      if (!value) {
        return callback(new Error('请填写'))
      } else if (value > 100 || value < 0) {
        return callback(new Error('不得小于0或者大于100'))
      } else if (!regex.test(value)) {
        callback(new Error('请填写数字格式'))
      } else if (value.length > 6) {
        return callback(new Error('最多6个字符'))
      }
      callback()
    }
    return {
      loading: false,
      accept: false,
      centerDialogVisible: false,
      standardName21: '',
      standardName22: '',
      standardName23: '',
      standardName24: '',
      standardName25: '',
      standardName1: '',
      standardName2: '',
      standardName3: '',
      standardName4: '',
      standardName5: '',
      regpro: false,
      word: '收起',
      showAll: true,
      word1: '收起',
      showAll1: true,
      word2: '收起',
      showAll2: true,
      word3: '收起',
      showAll3: true,
      word4: '收起',
      showAll4: true,
      word5: '收起',
      showAll5: true,
      word6: '收起',
      showAll6: true,
      word7: '收起',
      showAll7: true,
      infoForm: {
        base01: [],
        base02: '',
        base02a: '',
        base02b: '',
        base02c: '',
        base03: '',
        base03a: '',
        base03b: '',
        base04: [],
        base05: '',
        base06: [],
        base07: [],
        manage08: '',
        manage09: [],
        manage10: [],
        manage11: '',
        manage11a: '',
        effect12: '',
        effect12a: '',
        effect12b: '',
        effect13: '',
        effect13a: '',
        effect14: '',
        effect14a: '',
        effect14b: '',
        effect14c: '',
        effect14d: '',
        effect15: '',
        effect15a: '',
        effect15b: ''
      },
      rules: {
        base01: [
          { type: 'array', required: true, message: '请选择', trigger: 'change' }
        ],
        base02: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        base02a: [
          { required: true, trigger: 'change', validator: validateBase02a }
        ],
        base02b: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        base02c: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        base03: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        base03a: [
          { required: true, trigger: 'change', validator: validateBase03a }
        ],
        base03b: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        base04: [
          { type: 'array', required: true, message: '请选择', trigger: 'change' }
        ],
        base05: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        base06: [
          { type: 'array', required: true, message: '请选择', trigger: 'change' }
        ],
        base07: [
          { type: 'array', required: true, message: '请选择', trigger: 'change' }
        ],
        manage08: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        manage09: [
          { type: 'array', required: true, message: '请选择', trigger: 'change' }
        ],
        manage10: [
          { type: 'array', required: true, message: '请选择', trigger: 'change' }
        ],
        manage11: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        manage11a: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect12: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        effect12a: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect12b: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect13: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        effect13a: [
          { required: true, trigger: 'change', validator: validateEffect13a }
        ],
        effect14: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        effect14a: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect14b: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect14c: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect14d: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect15: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        effect15a: [
          { required: true, message: '请填写', trigger: 'change' }
        ],
        effect15b: [
          { required: true, message: '请填写', trigger: 'change' }
        ]
      }
    }
  },
  created() {
    this.checkIsComplete()
  },
  methods: {
    checkIsComplete() {
      isComplete().then(response => {
        console.log(response)
        if (response.result === 4) {
          this.$router.push({ path: '/digitalTast/appLevel', query: { id: response.msg }})
        }
      }
      )
    },
    submit(form) {
      const that = this
      this.$refs[form].validate((valid, object) => {
        if (valid) {
          add(this.infoForm).then(response => {
            if (response.result === 0) {
              this.$message({
                message: response.msg, type: 'error'
              })
            }
            if (response.result === 1) {
              that.$message({
                message: '提交成功', type: 'success'
              })
              this.$router.push({ path: '/digitalTast/appLevel', query: { id: response.msg }})
            } else {
              that.$message({
                message: '提交失败', type: 'warning'
              })
            }
            this.loading = false
          }).catch(() => {
            this.loading = false
            this.$message({
              message: '提交失败', type: 'warning'
            })
            this.isDisabled = false
          })
        } else {
          const str = []
          for (const key in object) {
            object[key].map((item) => {
              str.push(item.message)
            })
            let dom = this.$refs[Object.keys(object)[0]]
            if (Object.prototype.toString.call(dom) !== '[object Object]') {
              dom = dom[0]
              break // 结束语句并跳出语句，进行下个语句执行
            }
            // 定位代码
            dom.$el.scrollIntoView({
              block: 'center',
              behavior: 'smooth'
            })
          }
          // 页面提示未通过校验字段项，并以逗号分隔
          this.$message.error(str[0])
        }
      })
    },
    submitForm(form) {
      this.$router.push('/additionalForm')
    },
    submitFormPrevious() {
      this.$router.push('/entGeneralInformation')
    },
    resetForm(form) {
      this.$refs.infoForm.resetFields()
    },
    changeProductTypeCode(item) {
      this.productTypeName = this.$refs['cascaderAddr'].getCheckedNodes()[0].label
      console.log(this.productTypeName)
    },
    closeSearch(i) {
      this.groupId = i
      if (this.showAll === false) {
        this.showAll = true
        this.word = '收起'
      } else {
        this.showAll = false
        this.word = '展开'
      }
    },
    closeSearch1(i) {
      if (this.showAll1 === false) {
        this.showAll1 = true
        this.word1 = '收起'
      } else {
        this.showAll1 = false
        this.word1 = '展开'
      }
    },
    closeSearch2(i) {
      if (this.showAll2 === false) {
        this.showAll2 = true
        this.word2 = '收起'
      } else {
        this.showAll2 = false
        this.word2 = '展开'
      }
    },
    closeSearch3(i) {
      if (this.showAll3 === false) {
        this.showAll3 = true
        this.word3 = '收起'
      } else {
        this.showAll3 = false
        this.word3 = '展开'
      }
    },
    closeSearch4(i) {
      if (this.showAll4 === false) {
        this.showAll4 = true
        this.word4 = '收起'
      } else {
        this.showAll4 = false
        this.word4 = '展开'
      }
    },
    closeSearch5(i) {
      if (this.showAll5 === false) {
        this.showAll5 = true
        this.word5 = '收起'
      } else {
        this.showAll5 = false
        this.word5 = '展开'
      }
    },
    closeSearch6(i) {
      if (this.showAll6 === false) {
        this.showAll6 = true
        this.word6 = '收起'
      } else {
        this.showAll6 = false
        this.word6 = '展开'
      }
    },
    closeSearch7(i) {
      if (this.showAll7 === false) {
        this.showAll7 = true
        this.word7 = '收起'
      } else {
        this.showAll7 = false
        this.word7 = '展开'
      }
    }
    // handleInput2(e) {
    //   // 通过正则过滤小数点后六位
    //   e.target.value = (e.target.value.match(/^\d*(\.-?\d{0,5})/g)[0]) || null
    // }
  }
}
</script>

<style scoped>
.title2 {
  line-height: 40px;
  font-size: 20px;
  color: darkgray;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 20px;
}
  .checkboxL{
    width: 750px;
    line-height: 30px;
  }
</style>
<style>
.mainForm .el-form-item__label{
  /*width: 140px !important;*/
  text-align: left !important;
  background: #409eff;
  color: #ffffff;
  padding-left: 10px;
}
.mainForm .el260 .el-input{
  width: 260px !important;
}
.mainForm .el260 .el-form-item__label{
  margin-right: 5px !important;
}
.mainForm .el220 .el-input{
  width: 220px !important;
}
.zyh .el-form-item__label{
  width: 250px!important;
}
.zyh .el-form-item__content{
  margin-left: 250px !important;
  margin-right: 10px;
}
.zyhthx .el-form-item__label{
  width: 180px!important;
}
.zyhthx .el-form-item__content{
  margin-left: 180px !important;
  margin-right: 10px;
}
.zdcp  .el-form-item__label{
  width: 300px!important;
  margin-right: 30px !important;
}
.zdcp .el-form-item__content{
  margin-left: 331px !important;
}
.title3{
  color: #409eff;
  font-size: 22px;
  font-weight: bolder;
  text-align: right;
  margin-bottom: 10px;
}
.title3 div{
  float: left;
  width: 250px;
  text-align: center;
  margin-bottom: 10px;
}
.title4{
  color: #409eff;
  font-size: 22px;
  font-weight: bolder;
  text-align: right;
  margin-bottom: 10px;
}
.title4 div{
  float: left;
  width: 241px;
  text-align: center;
  margin-bottom: 10px;
}
.title5 {
  background: #0452a3;
  color: #ffffff;
  font-size: 16px;
  line-height: 45px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 30px;
  padding-left: 20px;
}
.area81 .el-textarea__inner{
  height: 81px;
}
.tsh  .el-form-item__label{
  width: 260px!important;
  margin-right: 5px !important;
}
.tsh .el-form-item__content{
  margin-left: 265px !important;
  margin-right: 10px;
}
.tsh .el-input{
  width: 241px !important;}
.tsh  .el-textarea__inner{
  height: 121px;
}
.shangxia {
  /*position: fixed;*/
  /*bottom: 0;*/
  margin: 30px auto;
  width: 1000px;
}
.shangxia .el-form-item__content{
  margin: auto !important;
  width: 370px;
  text-align: center;
}
.subRight{
  right: 5px;
  position: fixed;
  top: 130px;
  margin: auto;
}
.subRight .el-form-item__content{
  margin-left: 0px!important;;
  /*margin: auto !important;*/
  /*width: 1100px;*/
  text-align: right;}
.mainForm .el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 85%;
  word-break: break-all;
}
/*.mainForm input[] {*/
/*  -moz-appearance: textfield !important;*/
/*}*/
.mainForm input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none!important;
}
.a{flex-basis: 16% !important }
.b{flex-basis: 30% !important }
.el100p .el-form-item__label{
  width: 250px!important;
}
.el100p .el-form-item__content{
  margin-left: 250px !important;
  margin-right: 10px;
}
.el100p .el-input{
  margin-bottom: 5px;
}
.el100p2 .el-form-item__label{
  width: 180px!important;
}
.el100p2 .el-form-item__content{
  margin-left: 180px !important;
  margin-right: 10px;
}
.el100p2 .el-input{
  margin-bottom: 5px;
}
.suspend-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 76px;
  border-radius: 2px;
  background-color: #fff;
  padding: 0 0 20px 0;
}
.icon-name {
  margin-top: 4px;
  line-height: 18px;
  font-size: 12px;
  color: #666;
}
</style>
